<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>[:title:] - unit test</title>
    [:combined_css:]
    [:combined_js:]
</head>
<body id="test">
    <repeat:messages>
    <div class="messagebox [:status:]">
        <div class="msg_header"><span class="msg_toggle">[-]</span> [:header:]</div>
        <div class="msg_content">[:msg:]</div>
    </div>
    </repeat:messages>
    <div id="body">[:center:]</div>
</body>
</html>
<script type="text/javascript">
$$('.msg_toggle').each(function(e){
	e.observe('click', function(){
		var ee = this.up('.messagebox').down('.msg_content');
		ee.toggle();
		if (e.innerHTML == '[-]')
			e.update('[+]')
		else
			e.update('[-]')
	})
})
</script>